<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link rel="stylesheet" href="../css/shopcar.css">
  <link rel="stylesheet" type="text/css" href="../iconfont/iconfont.css">
</head>
<body>

    <div class="head">
        <div class="xin">
            <div class="logo">
             <img src="../img/logo.png" alt="">
            </div>
            <div class="so">
                <input type="text" placeholder="请输入要搜索的商品">
                <button class="iconfont icon-sousuo">
                    <!-- <img src="../img/fangfajing.jpg" alt=""> -->
                </button>
                <ul>
                    <li>上衣</li>
                    <li>裤子</li>
                    <li>鞋子</li>
                    <li>连衣裙</li>
                    <li>口红</li>
                    <li>香水</li>
                    <li>乳液</li>
                    <li>防晒霜</li>
                    <li>精华</li>
                    <li>面膜</li>
                </ul>
            </div> 
        <ul class="shou">
            <li class="nav">返回商品详情</li>
            <li>打折推荐</li>
            <li>了解必要</li>
            <li>下载必要APP</li>
            <li>我的必要</li>
        </ul>
        </div>
    </div>
  <div class="content">
    <!-- JS 渲染 -->
  </div>
  <div class="footer">
      <ul>
          <li class="iconfont icon-fuwuchuangb">7天无忧退货</li>
          <li class="iconfont icon-didichuhang">先行赔付</li>
          <li class="iconfont icon-zhuanzhang">超时赔偿</li>
          <li class="iconfont icon-waimai">顺风包邮</li>
      </ul>
  </div>
  
</body>
<script src="../js/shaotacr.js"></script>
</html>